<template>
	<view>
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="content">
				<view class="custom-title">意见反馈</view>
			</block>
		</cu-custom>
		<view class="padding-32">
			<view class="flex align-center justify-around" @click="toAddFeed">
				<view class="text-center">
					<view class="feed-dif-content">
						<image src="https://txr001.zthj.net/static/img/tsjy.png" class="img-64"></image>
					</view>
					<view class="dif-title">投诉建议</view>
				</view>
				<view class="text-center">
					<view class="feed-dif-content">
						<image src="https://txr001.zthj.net/static/img/gncw.png" class="img-64"></image>
					</view>
					<view class="dif-title">功能错误</view>
				</view>
			</view>
			
			<view class="feed-list">意见列表</view>
			<view class="list-content" v-for="(item,index) in 2" :key="index">
				<view class="margin-top-42"><text class="feed-type">数据问题</text></view>
				<view class="question-title show-two">
					这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这
					这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这
					这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这
				</view>
				<view class="question-return">
					这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这
					这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这是一个问题描述，这
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		onLoad(){
		},
		methods: {
			toAddFeed(){
				uni.navigateTo({
					url:"/pages/setting/addFeedBack"
				})
			}
		}
	}
</script>

<style>
	page{background: #fff}
</style>
<style scoped>
	.feed-dif-content{
		width: 128rpx;
		height: 128rpx;
		background: #F5F5F5;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.list-content{
		padding-bottom: 48rpx;
		border-bottom: 1rpx solid #767879;;
	}
	.dif-title{
		font-size: 24rpx;
		font-weight: 400;
		color: #010101;
		padding-top:16rpx ;
	}
	.feed-list{
		font-size: 24rpx;
		font-weight: 400;
		color: #767879;
		margin-top: 64rpx;
		padding-bottom: 12rpx;
		border-bottom: 1rpx solid #767879;
	}
	.feed-type{
		height: 36rpx;
		line-height: 36rpx;
		border-radius: 32rpx;
		border: 1rpx solid #010101;
		padding: 0 12rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #010101;
	}
	.question-title{
		margin-top: 8rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #010101;
	}
	.show-two{
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
	}
	.question-return{
		background: #F5F5F5;
		border-radius: 24rpx;
		/* padding: 24rpx; */
		font-size: 28rpx;
		color: #010101;
		margin-top: 24rpx;
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
	}
</style>